<template>
   <div class="wrap">
       <Top Top="我的收藏"/>
        <!-- 判断类型 -->
         <div  v-for="item in PostList" :key="item.id">
          <SingleDom 
          v-if="item.type ==1 && item.cover.length>=1 && item.cover.length<3"
          :postData="item" :comment="item.comments.length"
        />
          <MoreDom
          v-if="item.type ==1 && item.cover.length>=3"
          :postData="item" :comment="item.comments.length"
          />
          <VideoDom
          v-if="item.type ==2"
           :postData="item" :comment="item.comments.length"
          />
    
       </div>
   </div>
</template>

<script>
// 引入顶部组件
 import Top from "@/components/Top"

 // 引入单图片组件
import SingleDom from '@/components/SingleDom'

// 引入多图片组件
import MoreDom from '@/components/MoreDom'

// 引入视频组件
import VideoDom from '@/components/VideoDom'

export default {
    components:{
        Top,
        SingleDom,
        MoreDom,
        VideoDom,
    },
    data(){
        return {
            PostList:[]
        }
    },
    
    created(){
        // 收藏文章列表
        //  接口类型:【GET】
        //  需要验证:【Authorization 】
        //  接口地址: /user_star
        //  参数: 无
        this.$axios({
            method:'get',
            url:'/user_star'
        })
        .then((res)=>{
            console.log(res);
            this.PostList = res.data.data
        })



    }
}
</script>

<style lang="less" scoped>
.wrap {
    font-size: 14/360*100vw;

    .items{
        padding: 0 10/360*100vw;
        border-bottom: 1/360*100vw solid #ababab;
        .tips {
            display: block;
            margin: 10/360*100vw 0;
            color: #afafaf;
            .num {
                margin-left: 10/360*100vw;
            }
        }
    }
}


</style>